{extend name="base"}
{block name="content"}
<style>
.Switch{
    float: none !important;
    margin: 0 auto;
    width: 108px;   
}
.Switch input {
  display: none
}

.Switch label {
  background: #CCC;
  height: 28px;
  width: 98px;
  border-radius: 14px;
  float: right;
  margin: 8px 10px 0 0;
  box-shadow: 0 1px 2px rgba(0, 0, 0, .1) inset;
  position: relative;
}

.Switch label em {
  width: 26px;
  height: 26px;
  float: left;
  margin: 1px;
  border-radius: 13px;
  box-shadow: 2px 3px 8px rgba(0, 0, 0, .1);
  background: #FFF;
  transition: 0.1s;
}
.Switch label span {
  position: absolute;
  left: 36px;
  height: 28px;
  line-height: 28px;
  color: #6E6B6B;
} 

.Switch input:checked+label {
  background: #a4d714;
}

.Switch input:checked+label span {
  color: #fff;
  left: 15px;
}

.Switch input:checked+label em {
  margin: 1px 1px 1px 71px;
}

.Switch input:disabled+label {
  opacity: 0.5
}

</style>
<div class="main_div">

            <div class="ty_box">
              <form class="form-inline" method="get">
              <div class="d_ty_head">
                <b class="e_d_t_title">下级代理商品<span>Pay Channel</span></b>
                
              </div>
              </form>
              <ul class="ty_b_list">
                <li class="ty_l_head">
                  <div class="ty_l_d1" style="width: 16.66%">店铺名称</div>
                  <div class="ty_l_d3" style="width: 16.66%">商品名称</div>
                  <div class="ty_l_d3" style="width: 16.66%">原商品名称</div>
                  <div class="ty_l_d3" style="width: 16.66%">价格</div>
                  <div class="ty_l_d3" style="width: 16.66%">代理价格</div>
                  <div class="ty_l_d3" style="width: 16.66%">商品代理状态</div>
                </li>
                {foreach name="children" id="v"  key="k" }
                <li class="ty_l_li">
                  <div class="ty_l_d1" style="width: 16.66%">{$v->proxy_shop_name}</div>
                  <div class="ty_l_d1" style="width: 16.66%">{$v->name}</div>
                  <div class="ty_l_d3" style="width: 16.66%">{$v->original_name}</div>
                  <div class="ty_l_d3" style="width: 16.66%">{$v->price}</div>
                  <div class="ty_l_d3" style="width: 16.66%">{$v->original_price}</div>
                  <div class="ty_l_d3" style="width: 16.66%"><input disabled type="checkbox" data-plugin="switchery" data-color="#2bb309"
								 data-size="small" data-switchery="true" style="display: none;" {if $v.gstatus==1}checked{/if}>
              </div>
                  </li>
                 {/foreach}
              </ul>
              <div class="ty_b_footer">
              
             </div>
            </div>
          </div>
<script>
	$('[name="visit_type"]').change(function(){
		var status=$(this).val();
		if(status==1){
			$('.block-visit_password').slideDown();
		}else{
			$('.block-visit_password').slideUp();
		}
	});
	$('[name="wholesale_discount"]').change(function(){
		var status=$(this).val();
		if(status==1){
			$('.block-wholesale_discount').slideDown();
		}else{
			$('.block-wholesale_discount').slideUp();
		}
	});
	

	</script>
{/block}